<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>kang</title>
		
	</head>
	<body>
		<div id="d1">
			我是一个div，我的样式有JavaScript代码设置
		</div>
		<script >
			var d1=document.getElementById("d1");

			d1.style.width="350px";//设置元素的宽
			d1.style.height="350px";//设置元素的高
			d1.style.borderRadius="50%";//设置元素的边框弧度
			d1.style.borderStyle="solid";//设置元素边框样式
			d1.style.borderWidth="1px";//设置元素边框宽度
			d1.style.borderColor="black";//设置元素边框颜色
			d1.style.fontSize="16px";//设置元素字体大小
			d1.style.fontWeight="bold";//设置元素字体为粗体
			d1.style.textAlign="center";//设置元素文本居中
			d1.style.lineHeight="350px";//设置元素的行高
		</script>
	</body>
</html>
